<template>
  <div>
    <div class="setting-page">
      <div class="setting-page-center">
        <div class="setting-page-left">
          <div class="setting-nav">
            <div class="setting-nav-title">关于我们</div>
            <el-menu>
              <el-menu-item v-for="(item, index) in data.AboutOurList" :key="index" v-if="item.title">
                <router-link :to="'/home' +item.to">{{item.title}}</router-link>
              </el-menu-item>
            </el-menu>
          </div>
          <div class="setting-nav">
            <div class="setting-nav-title about-nav-title">帮助中心</div>
            <el-menu>
              <el-menu-item v-for="(item, index) in data.HelpCenterList" :key="index" v-if="item.title">
                <router-link :to="'/home' +item.to">{{item.title}}</router-link>
              </el-menu-item>
            </el-menu>
          </div>
        </div>
        <div class="setting-page-rigth">
          <router-view></router-view>
        </div>
      </div>
    </div>
    <page-footer type="0" v-model="data"></page-footer>
  </div>
</template>

<script>
import pageFooter from '../../components/page-footer'

export default {
  data() {
    return {
      data: {
        AboutOurList: [
          // { title: '关于我们', to: '' },
          // { title: '企业招聘流程', to: '' },
          // { title: '企业用户服务协议', to: '' },
          // { title: '隐私政策', to: '' }
        ],
        HelpCenterList: [
          // { title: '人才使用流程', to: '' },
          // { title: '个人用户服务协议', to: '' },
          // { title: '常见问题', to: '' },
          // { title: '防骗指南', to: '' }
        ]
      }
    }
  },
  components: {
    pageFooter
  }
}
</script>

<style lang='scss' scoped>
.about-nav-title {
  border-top: none !important;
}
</style>
